<script>
	export default {
		onLaunch: function() {},
		onShow: function() {
			uni.setStorageSync('state', JSON.stringify(this.$store.state));
		},
		onHide: function() {}
	};
</script>

<style lang="scss">
	/*每个页面公共css */
	
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	uni-page-body {
		height: 100%;
		font-size: 31rpx;
	}
	
	.content {
		min-height: 100%;
	}
	
	.bgf8 {
		background: #f8f8f8;
	}
	
	.colorC {
		color: #cccccc !important;
	}
	
	.mgb2 {
		margin-bottom: 20rpx;
	}
	
	.pdb4 {
		padding-bottom: 40rpx;
	}
	
	.indexHtml {
		position: relative;
		background: #f8f8f8 url(static/img/indexBg.png) no-repeat center top;
		background-size: 100% auto;
		text-align: center;
		padding-top: 1rpx;
		.rightBtn {
			position: absolute;
			display: block;
			width: 128rpx;
			height: 75rpx;
			top: 30rpx;
			right: 0;
			z-index: 9;
		}
		.title {
			font-size: 49rpx;
			text-align: center;
			color: #ffffff;
			height: 100rpx;
			line-height: 100rpx;
			display: inline-block;
			border-bottom: 1rpx solid #ededed;
			margin-top: 140rpx;
			margin-bottom: 80rpx;
		}
		.ajsb {
			display: block;
			width: 478rpx;
			height: 164rpx;
			margin: auto;
			z-index: 2;
		}
		.manBox {
			width: 690rpx;
			background: url(static/img/bgCont.png) no-repeat center center;
			background-size: 100% 100%;
			height: 630rpx;
			margin: -140rpx auto 0 auto;
			padding-top: 180rpx;
			.name {
				text-align: left;
				font-size: 31rpx;
				color: #666666;
				margin-left: 70rpx;
			}
			.btn {
				background: url(static/img/btn.png) no-repeat center center;
				width: 547rpx;
				height: 109rpx;
				line-height: 109rpx;
				background-size: 100% 100%;
				margin: auto;
				margin-top: 50rpx;
				.icon {
					float: left;
					display: block;
					width: 38rpx;
					height: 42rpx;
					margin: 33rpx;
				}
				.c {
					display: block;
					float: left;
					width: 440rpx;
					color: #ffffff;
					font-size: 35rpx;
					text-align: center;
				}
			}
		}
	}
	
	.bindHtml {
		padding-top: 1rpx;
	}
	
	.h300 {
		min-height: 300rpx !important;
		height: auto !important;
		overflow: hidden;
		padding-bottom: 20rpx;
	}
	
	.formBase {
		.inpBox {
			position: relative;
			width: 100%;
			height: 120rpx;
			border-bottom: 1rpx solid #ededed;
			background: #ffffff;
			padding-top: 40rpx;
			margin-top: 40rpx;
			.label {
				padding-left: 35rpx;
			}
			.rid {
				display: inline-block;
				margin: 0 20rpx;
			}
			.txa {
				display: block;
				padding: 0 35rpx;
				width: 100%;
				box-sizing: border-box !important;
			}
			.input {
				display: block;
				width: 100%;
				height: 40rpx;
				line-height: 40rpx;
				padding-left: 35rpx;
			}
			.duanInp {
				width: 300rpx;
				float: left;
			}
			.yzm {
				position: absolute;
				width: 300rpx;
				float: right;
				height: 100%;
				top: 0;
				bottom: 0;
				right: 0;
				margin: auto;
				border-radius: 0;
				line-height: 120rpx;
			}
			.arrow {
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto;
				width: 16rpx;
				height: 26rpx;
				right: 20rpx;
			}
		}
		.fileBox {
			position: relative;
			height: 50rpx;
			line-height: 50rpx;
			overflow: hidden;
			font-size: 22rpx;
			padding: 0 40rpx 0 40rpx;
			color: #999999;
			margin-bottom: 20rpx;
			.del {
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto;
				right: 10rpx;
				color: #DB6565 !important;
			}
		}
		.imgUp {
			height: auto;
			overflow: hidden;
			padding: 0 10rpx;
			.imgbox {
				position: relative;
				float: left;
				width: 169rpx;
				height: 169rpx;
				background: #f1f1f1;
				border-radius: 7rpx;
				text-align: center;
				line-height: 169rpx;
				margin: 24rpx;
				.i {
					position: absolute;
					max-width: 100%;
					max-height: 100%;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					margin: auto;
				}
				.del {
					position: absolute;
					top: -10rpx;
					right: -20rpx;
					height: 40rpx;
					line-height: 40rpx;
					color: #DB6565 !important;
					z-index: 2;
				}
			}
			.up {
				.icon {
					color: #cccccc !important;
				}
			}
		}
	}
	
	.dialogForm {
		width: 690rpx;
		background: #ffffff;
		.inpBox {
			margin-top: 0;
			padding-top: 0;
			height: 100rpx;
			line-height: 100rpx;
			&:last-child {
				border-bottom: 0;
			}
		}
	}
	
	.allBtn {
		width: 683rpx;
		height: 104rpx;
		line-height: 104rpx;
		border-radius: 7rpx;
		display: block;
		margin: auto;
		font-size: 35rpx;
		border: 0;
		margin-top: 40rpx;
	}
	
	.btnM {
		background: #3675c8;
		color: #ffffff;
	}
	
	.btnMi {
		background: none;
		border: 1rpx solid #3675c8;
		color: #3675c8;
	}
	
	.listHtml {
		.menu {
			position: fixed;
			width: 100%;
			height: 100rpx;
			top: 0;
			left: 0;
			z-index: 9;
			display: flex;
			background: #FFFFFF;
			.li {
				flex: 1;
				text-align: center;
				.n {
					display: inline-block;
					padding: 10rpx 5rpx;
					margin-top: 20rpx;
				}
			}
			.select {
				.n {
					border-bottom: 7rpx solid #256fd9;
				}
			}
		}
		.dateOrg {
			position: fixed;
			width: 100%;
			height: 90rpx;
			line-height: 90rpx;
			top: 100rpx;
			left: 0;
			z-index: 9;
			display: flex;
			border: 1px solid #EDEDED;
			background: #FFFFFF;
			.dateInp {
				flex: 1;
				text-align: center;
				&:first-child {
					border-right: 1px solid #EDEDED;
				}
			}
		}
		.scroll-Y {
			position: fixed;
			width: 100%;
			top: 200rpx;
			bottom: 0;
			margin: auto;
			left: 0;
			z-index: 1;
		}
	}
	
	.listUl {
		height: auto;
		overflow: hidden;
		.li {
			height: auto;
			overflow: hidden;
			padding: 0 38rpx;
			margin-bottom: 20rpx;
			background: #ffffff;
			.box {
				padding: 30rpx 0;
				display: flex;
				.img {
					width: 236rpx;
					height: 181rpx;
					border-radius: 10rpx;
					margin-right: 20rpx;
					background: #F5F5F5;
					.i {
						width: 100%;
						height: 100%;
					}
				}
				.font {
					flex: 1;
					line-height: 50rpx;
					margin-top: 15rpx;
					.n {
						text-overflow: -o-ellipsis-lastline;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						line-clamp: 2;
						-webkit-box-orient: vertical;
					}
				}
			}
		}
	}
	
	.btnBox {
		height: auto;
		overflow: hidden;
		padding-bottom: 40rpx;
		.l {
			float: left;
		}
		.r {
			float: right;
		}
		.allBtn {
			width: 670rpx;
			height: 85rpx;
			line-height: 85rpx;
			margin-top: 0 !important;
		}
		.btnM {
			background: #5b94df;
		}
	}
	
	.des {
		.label,
		.v {
			display: inline-block;
		}
		.label {
			color: #999999;
		}
		.moreDeitial {
			color: #666666;
			line-height: 50rpx;
			padding-top: 15rpx;
		}
	}
	
	.videoBox {
		width: 100%;
		.video {
			width: 100%;
		}
	}
	
	.twoBtn {
		width: 323rpx;
		height: 85rpx;
		line-height: 85rpx;
		border-radius: 7rpx;
	}
	
	.caseDetail {
		.swiperBox {
			width: 100%;
			height: 446rpx;
			background: #F5F5F5;
			.swiper {
				height: 100%;
			}
		}
		.pd45 {
			padding: 45rpx;
		}
		.card {
			height: auto;
			overflow: hidden;
			background: #FFFFFF;
			margin-bottom: 30rpx;
			&.btnBox {
				padding: 30rpx;
			}
			.inpBox {
				margin-top: 0 !important;
			}
			.des {
				line-height: 83rpx;
				vertical-align: top;
				height: auto;
				overflow: hidden;
				.label,
				.v {
					display: block;
					float: left;
				}
				.label {
					width: 180rpx;
				}
				.v {
					width: 480rpx;
				}
			}
		}
	}
	
	.prop {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 9;
	}
	
	.propBox {
		position: fixed;
		top: 50%;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
		.title {
			height: 100rpx;
			line-height: 100rpx;
			padding: 0 20rpx;
			text-align: center;
			border-bottom: 1px solid #EDEDED;
		}
		.propMain {
			background: #FFFFFF;
			height: auto;
			width: 680rpx;
			margin: -50% auto 0;
			.propBody {
				padding: 20rpx;
			}
			.formBase {
				.inpBox {
					margin-top: 0 !important;
					&:last-child {
						border-bottom: 0;
					}
				}
			}
		}
		.propFooter {
			height: 100rpx;
			line-height: 100rpx;
			display: flex;
			border-top: 1px solid #EDEDED;
			.tCell {
				flex: 1;
				text-align: center;
			}
			.rC {
				border-right: 1px solid #EDEDED;
			}
			.lC {
				color: #256FD9;
			}
		}
	}
</style>